﻿/***
*   Grid.Mvc stylesheet http://gridmvc.codeplex.com/
*   This file contains default styles for Grid.Mvc. You can modify it as you want.
*/

/* Grid */
.grid-wrap { padding: 0; position: relative; }
.grid-empty-text { color: #666; }

/* Grid headers */
.grid-header.sorted-asc .grid-sort-arrow:after { content: " \2193"; }
.grid-header.sorted-desc .grid-sort-arrow:after { content: " \2191"; }

/* Grid body */
table.grid-table tr.grid-row { }
table.grid-table tr.grid-row-selected td { background: #0086C7 !important; color: white; }
table.grid-table tr.grid-row-selected a { color: white; }
table.grid-table .grid-header-sorted { }


/* Grid filtering */
select.grid-filter-type { padding: 3px; border: 1px solid #DDD; color: #444; font-size: 13px; width: 120px; }
input.grid-filter-input { width: 148px!important;padding: 4px; font-size: 13px; }
.grid-filter { position: relative; display: block;margin-top: 2px; float: right; width: 10px; height: 12px; }
.grid-filter-btn { cursor: pointer; display: block; width: 10px; height: 12px; background: url('') no-repeat; }
.grid-filter-btn.filtered { background: url('') no-repeat; }
.grid-filter-buttons { padding: 4px 0 0 0; }
.grid-filter-datepicker { font-size: 12px;padding-top: 4px; }
.menu-popup-inner .btn.btn-apply {margin: 0!important; color: white !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006D99; background-image: -moz-linear-gradient(top, #28ABDE, #0086BC); background-image: -ms-linear-gradient(top, #28ABDE, #0086BC); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#28ABDE), to(#0086BC)); background-image: -webkit-linear-gradient(top, #28ABDE, #0086BC); background-image: -o-linear-gradient(top, #28ABDE, #0086BC); background-image: linear-gradient(top, #28ABDE, #0086BC); background-repeat: repeat-x; border-color: #0086BC #0086BC #006D99; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ABDE', endColorstr='#0086BC', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
.menu-popup-inner .btn.btn-apply:hover, .menu-popup-inner .btn.btn-apply:active, .menu-popup-inner .btn.btn-apply.active, .menu-popup-inner .btn.btn-apply.disabled, .menu-popup-inner .btn.btn-apply[disabled] { background-color: #0086BC; }
.menu-popup-inner ul.menu-list li a.grid-filter-clear{white-space: nowrap; padding-left: 23px; background: url('') no-repeat 3px center;}
.grid-filter-type-label { margin: 0 0 2px 0; }
.grid-filter-choose.choose-selected { background-color: white!important;cursor: default;color: #999; }
/* POP-UP */
.menu-popup { font-size: 12px; cursor: default; font-weight: normal; text-transform: none; font-size: 13px; position: absolute; left: -102px; top: 15px; z-index: 200; }
.menu-popup-wrap { padding-top: 7px; position: relative; width: auto;min-width: 129px; }
.menu-popup-arrow { background: url("") no-repeat; height: 8px; left: 100px; position: absolute; top: 0; width: 14px; }
.menu-popup-inner { padding: 7px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; border: 1px solid #CCC; border-radius: 3px; box-shadow: 0px 1px 5px #AEAEAE; border-collapse: separate; }
.menu-popup-widget { }
.menu-popup-additional {  }
.menu-popup-inner ul.menu-list { list-style-type: none; margin: 3px 0 0 0; padding: 0; }
.menu-popup-inner ul.menu-list li { }
.menu-popup-inner ul.menu-list li a {text-decoration: none; background-position: 6px center; background-repeat: no-repeat; display: block; padding: 3px 5px 3px 5px; }
.menu-popup-inner ul.menu-list li a:hover { background-color: #EEE; text-decoration: none; }

/* Bootstrap controls */
.menu-popup-inner .btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);border:1px solid #cccccc;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}
.menu-popup-inner .btn:hover, .menu-popup-inner .btn:active, .menu-popup-inner .btn.active,.menu-popup-inner .btn.disabled, .menu-popup-inner .btn[disabled]{background-color:#e6e6e6;}
.menu-popup-inner .btn:active,.menu-popup-inner .btn.active{background-color:#cccccc;}
.menu-popup-inner .btn:first-child{*margin-left:0;}
.menu-popup-inner .btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.menu-popup-inner .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.menu-popup-inner .btn.active,.menu-popup-inner .btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9;outline:0;}
.menu-popup-inner .btn.disabled, .menu-popup-inner .btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.menu-popup-inner input, .menu-popup-inner select {-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
.menu-popup-inner input:focus {border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;}
.menu-popup-inner select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}

